<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>国贸城</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="stylesheet" href="./resources/css/amazeui.min.css">
    <link rel="stylesheet" href="./resources/css/app.css">


    <style> .am-direction-nav {
        display: none;
    }</style>
</head>
<body style="background: #fff;">
<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0"
     style="border-bottom: 1px solid #b6b6b6;">
    <ul class="am-slides">
        <li><img src="./resources/images/p1.jpg"/></li>
        <li><img src="./resources/images/p1.jpg"/></li>
        <li><img src="./resources/images/p1.jpg"/></li>
        <li><img src="./resources/images/p1.jpg"/></li>
    </ul>
    <div class="am-header-left am-header-nav return">

        <a href="javascript:history.back()" class="return-fir">
            <i class="am-icon-chevron-left"></i>
        </a>
        <a href="javascript:;" class="share"></a>
        <!--<a href="" class="xin"></a>-->
    </div>
    <div class="share-con">
        <a href="" class="friend"></a>
        <a href="" class="zone"></a>
        <a href="" class="weixin"></a>
        <a href="" class="qq"></a>
        <a href="" class="sina"></a>
    </div>
</div>
<div class="content">
    <div class="title">南丰贡桔</div>
    <div class="con">
        <div class="price">￥<span>88</span></div>
        <del>￥105</del>
    </div>
</div>

<a class="con-num" href="procomment.jsp">
    <span class="con-num-l">图文详情</span>
    <i class="am-icon-angle-right" style=" float:right; color: #b4b4b4;"></i>
</a>
<a class="con-num" href="procomment.jsp">
    <span class="con-num-l">试吃规则</span>
    <i class="am-icon-angle-right" style=" float:right; color: #b4b4b4;"></i>
</a>
<a class="con-num" href="procomment.jsp">
    <span class="con-num-l">往期试吃报告</span>
    <i class="am-icon-angle-right" style=" float:right; color: #b4b4b4;"></i>
</a>

<div class="eat">
    <div class="eat-left">
        <p class="eat-text"><img src="./resources/images/eat.png" width="18" height="18"/>已申请</p>
        <p class="eat-text1">100</p>
    </div>
    <div class="eat-right">
        <p class="eat-text"><img src="./resources/images/date.png" width="18" height="18"/>到期日</p>
        <p class="eat-text1">09月29日10时</p>
    </div>
</div>
<div class="eat-btn">
    <a href="">申请试吃</a>
</div>


<script src="./resources/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="./resources/js/jquery.min.js"></script>
<script src="./resources/js/amazeui.min.js"></script>
<script>
    $(function () {
        $(".share").click(function () {
            $(".share-con").fadeToggle()
        })
    })

</script>
</body>
</html>

